<template>
  <div id="app">
    <!-- 蒙牛活动 -->
    <myindex v-if="$route.name==='index'" v-wechat-title="$route.meta.title"></myindex>
    <!-- merry xmas -->
    <xmasindex v-if="$route.name==='xmasIndex'" v-wechat-title="$route.meta.title"></xmasindex>
    <!-- 瑜伽馆主评选 -->
    <shopkeeper v-if="$route.name==='shopkeeper'" v-wechat-title="$route.meta.title"></shopkeeper>

    <debug v-if="$route.name==='debug'" v-wechat-title="$route.meta.title"></debug>
    <router-view v-wechat-title='$route.meta.title'></router-view>
  </div>
</template>

<script>
// 蒙牛活动
import myindex from '@/components/index/index'
// merry xmas
import xmasindex from '@/components/xmas_index/index'
// 瑜伽馆主评选
import shopkeeper from '@/components/shopkeeper/index'

import debug from '@/components/debug/index'

export default {
  name: 'app',
  data () {
    return {
    }
  },
  components: {
    myindex,
    xmasindex,
    debug,
    shopkeeper
  }
}
</script>

<style lang="stylus">
#app
  height 100%
</style>
